<template>
	<view style="box-sizing: border-box;">
		<view style="height: 100px;" class="drag">我需要提示信息11</view>
		<view style="height: 100px;" class="guida">我需要提示信息2</view>
		<view style="height: 100px;" class="icon-jian">我需要提示信息3</view>


		<view style="margin-top: 30px;height: 80px;display: flex;flex-direction: row;">
			<view style="flex:1;">

			</view>
			<view style="width:100px;height: 100px;background-color: red;" class="hellow">
				bbb
			</view>
		</view>


		<view
			style="height:100px;bottom: 0px;width: 100%;display: flex;flex-direction: row;position: absolute;bottom: 0px;box-sizing: border-box;padding:0px  20px;">
			<view style="flex:1;height: 100px;width: 100px;background-color: yellow;" class="left">
				ccc
			</view>
			<view style="height: 100px;width: 50px;background-color: red;" class="right">
				ccc
			</view>
		</view>
		<novice-guidance :step="step"></novice-guidance>
	</view>
</template>

<script>
	export default {
		onLoad() {
			uni.removeStorageSync('workbenchSet3');
		},
		data() {
			return {
				step: {
					name: 'workbenchSet3',
					guideList: [{
							el: '.drag',
							tips: '这里是常用的应用，长按并拖动应用可调整位置哦~',
							next: '下一步',
						}, {
							el: '.guida',
							tips: '点击应用的右上角“+”可以添加到常用中',
							next: '下一步',
						}, {
							el: '.icon-jian',
							tips: '点击应用的右上角“-”可以从常用中移除',
							next: '下一步',
						}, {
							el: '.left',
							tips: '1点击应用的右上角“-”可以从常用中移除',
							next: '下一步',
						}, {
							el: '.hellow',
							tips: '点击应用的右上角“-”可以从常用中移除',
							next: '下一步',
						},
						{
							el: '.right',
							tips: '1点击应用的右上角“-”可以从常用中移除',
							next: '完成',
						}
					]
				}
			}
		},
	}
</script>